<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page8">
	<div id="main">
		<!--header -->
		<div id="header"> <a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
            <div class="wrapper">
              <div class="logo">
                <div class="right">
                  <ul>
                        <li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
                  </ul>
                </div>
                <a href="index.html"><img src="images/logo.jpg" alt=""/></a> </div>
            </div>
		  <ul class="menu">
              <li><a href="index.html">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html" class="active">Contact us</a></li>			
            </ul>
		  <div class="slogan">
              <h1 class="grey">A place of light,</h1>
		    <h1 class="grey"><span>of liberty, and learning</span></h1>
		    <p><strong>A wonderful opportunity to find out<br/>
		      much more about the world, and<br/>
		      about yourself</strong></p>
		    <a href="#" class="link">our special programs</a> </div>
	  </div>
		<!--header end-->
<div id="content">
			<div class="row1">
				<div class="wrapper">
					<div class="col1">
						<div class="row1">
							<h2>Our locations</h2>	
							<p><span>Philadelphia</span> consectetuer adipiscing elitun praesent vestibulum molestie enean nonummy hendrerit mauris phasellus port fusce suscipit varius micum sociisen natoqume penatibus emagnis dis parturient montes nascetur ridiculus musnulla duiuscgia malesuad odio morb nunc odio, gravida at, cursus nec luctus a lorem dolor sit amet. Integer rutrum ante eulacus. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisquem.</p>

<p><span>California</span> dolor sit amet. Lorem ipsum dolor sit amet consectetuer adipiscing elit praesent vestibulum molestie lacus aenean nonummy hendrerit mauris. Phasellus porta. Fusce tore suscipit varius micum sociis natoque penatibus etmagnis dis parturient montes nasceture ridiculus mus. Nulla dui. Fusce feugiat malesuada odio lorem dolor eget, malesuada atem neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi.</p>

<p><span>Honolulu</span> morbi nunc odio, gravida at, cursus nec luctus a lorem maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec siamet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. </p>
						</div>
					</div>
					<div class="col2 comments">
					<h2>Contact form</h2>
						<div class="block_type2">
						<div class=" block_type2_bottom">
								<form id="ContactForm" action="" enctype="multipart/form-data">
									<div>
										<label><input type="text" onblur="if(this.value=='') this.value='Name:'" onfocus="if(this.value =='Name:' ) this.value=''" value="Name:"/></label>
										<label><input type="text" onblur="if(this.value=='') this.value='E-mail:'" onfocus="if(this.value =='E-mail:' ) this.value=''" value="E-mail:"/></label>
										<label><input type="text" onblur="if(this.value=='') this.value='Fax:'" onfocus="if(this.value =='Fax:' ) this.value=''" value="Fax:"/></label>
										<textarea onblur="if(this.value=='') this.value='Message:'" onfocus="if(this.value =='Message:' ) this.value=''" cols="25" rows="7">Message:</textarea>
										<p class="fright">
											<a href="#" onclick="document.getElementById('ContactForm').reset()" class="link">clear</a>
											<a href="#" onclick="document.getElementById('ContactForm').submit()" class="link">send</a>
										</p>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				</div>
			</div>
			<div class="row2">
			<div class="wrapper">
				<div class="col1">
					<h2>Postal address</h2>
					<p><span>Praesent vestibulum molestie enean</span> nonummy hendrerit mauri phasellus porta fuscemet suscipit varius micum sociisen natoque penatibus etmagnis dis.</p>
					<div class="wrapper">
						<img src="images/page8_img1.jpg" alt="" class="imgindent"/>
						<p>Consectetue adipiscing eliraeset vestibulum molestie enenan nonummy hendrer phasellus porta fusce suscipit variusut.</p>

<p class="phone">8901 Marmora Road,Glasgow, D04 89GR.
<span class="right">+1 800 559 6580</span>Freephone:<br/>
<span class="right">+1 959 603 6035</span>Telephone:<br/>
<span class="right"> +1 504 889 9898</span>FAX:<br/>
<span class="right"> <a href="mailto:#">mail@companyname.com</a></span>E-mail:</p>
					</div>
				</div>
				<div class="col2">
					<h2>How to find us</h2>
					<p><span>Lorem ipsum dolor sit amet</span> consectetuer adipiscin elit praesent vestibulum molestie enean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius micum sociis natoque penatibus et magnis dis.</p>

<p><span>Parturient montes nascetur</span> ridiculus musnulla duiuscgiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem maecenas tristique orci ac sem duis ultricies pharetra magna donec accumsan malesuada orcionec sit amet eros. Lorem ipsum dolor sit amet consectetuer.</p>

<p>Adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget element. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
				</div>
			</div>		
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
	</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>